@layout("/common/_container.html",{js:["/assets/modular/system/project/shangwu.js"]}){
<link rel="stylesheet" href="${ctxPath}/assets/common/css/project.css?v=${constants.getReleaseVersion()}" media="all">
<style>
    .layui-table-cell{
        height: auto;
        overflow:visible;
        text-overflow:inherit;
        white-space:normal;
    }
    .layui-table dl {
        width: 120px;
        width: calc(100% / 8);
        text-align: center;
        color: #64a84d;
        overflow: hidden;
    }

    .layui-table dt {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        border: 2px solid #e1e2e6;
        background-color: #FFF;
        margin: 0 auto;
        z-index: 2;
        position: relative;
    }

    .layui-table dt::before {
        content: '';
        display: block;
        width: 80px;
        height: 2px;
        background: #e1e2e6;
        position: absolute;
        top: 10px;
        right: 0;
        margin-right: -80px;
    }

    .layui-table dl:last-child dt::before {
        display: none;
    }

    .layui-table dd {
        margin: 0;
    }

    .layui-table dl:last-child::before {
        display: none;
    }

    .layui-table .dt1::before {
        background: #16C784;
    }

    .layui-table .dt1 {
        background-color: #16C784;
        border-color: #16C784;
        color: #FFFFFF;
        line-height: 22px;
        font-size: 11px;
    }

    .layui-table .dt11::before {
        content: '';
        display: block;
        width: 98px;
        height: 2px;
        position: absolute;
        top: 13px;
        left: 72px;
    }

    .layui-table .dt11 {
        background-color: #cd1621;
        border-color: #EA3943;
        /*background-color: #3861FB;*/
        /*border-color: #3861FB;*/
        color: #FFFFFF;
        line-height: 22px;
        font-size: 11px;
    }

    .layui-table dt {
        line-height: 22px;
    }

    .layui-table .spanNumber {
        font-size: 18px;
    }
</style>
<style>
    /*弹性布局*/
    .flex {
        display: flex;
    }

    .flex.center {
        align-items: center;
    }

    .flex.stretch {
        align-items: stretch;
    }

    .flex.end {
        align-items: flex-end;
    }

    .flex.row {
        flex-flow: row;
    }

    .flex.row-reverse {
        flex-flow: row-reverse;
    }

    .flex.column {
        flex-flow: column;
    }

    .flex.justify {
        justify-content: space-between;
    }

    .flex.jc {
        -ms-justify-content: center;
        justify-content: center;
    }

    .flex.flow {
        flex-flow: wrap;
    }

    .flex.hide {
        display: none;
    }
</style>

<!--leez modify-->
<style>
    .layui-form.model-form {
        padding-right: 0 !important;
    }
    .miniHeight .layui-table-cell {
        height: auto !important;
    }
</style>

<div class="layui-body-header">
    <span class="layui-body-header-title">ADD</span>
</div>
<form id="projectForm" lay-filter="projectForm" class="layui-form model-form">
    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
                <div class="layui-card">
                    <div class="layui-card-body">
                        <div class="layui-form toolbar">
                            <div class="layui-form-item">
                                <div class="layui-inline gcs">
                                    <div class="layui-inline" style="display: inline-block">
                                        <select name="provinceName" lay-filter="provinceName" id="provinceName"
                                                lay-search="provinceName">
                                            <option value="">全部省</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-inline gcsq">
                                    <div class="layui-inline" style="display: inline-block">
                                        <select name="cityName" lay-filter="cityName" id="cityName"
                                                lay-search="cityName">
                                            <option value="">全部市</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-inline dname">
                                    <div class="layui-inline" style="display: inline-block">
                                        <input id="name" name="name" placeholder="店名" type="text"
                                               class="layui-input" style="width: 150px"/>
                                    </div>
                                </div>
                                <div class="layui-inline" style="text-align: center;display: inline-block">
                                    <input type="button" class="layui-btn" value="搜索" id="btnSearch">
                                </div>

                            </div>
                        </div>
                        <table class="layui-table" id="projectTable" lay-filter="projectTable">
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>

<script type="text/html" id="rentTpl">
    <div>
        <table style="width: 100%">
            <thead>
                <tr>
                    <th>总计(元)</th>
                    <th>具体/年份</th>
                    {{# if(valid(d.rent1)){ }}
                    <th>第一年</th>
                    {{# } }}
                    {{# if(valid(d.rent2)){ }}
                    <th>第二年</th>
                    {{# } }}
                    {{# if(valid(d.rent3)){ }}
                    <th>第三年</th>
                    {{# } }}
                    {{# if(valid(d.rent4)){ }}
                    <th>第四年</th>
                    {{# } }}
                    {{# if(valid(d.rent5)){ }}
                    <th>第五年</th>
                    {{# } }}
                    {{# if(valid(d.rent6)){ }}
                    <td>第六年</td>
                    {{# } }}
                    {{# if(valid(d.rent7)){ }}
                    <td>第七年</td>
                    {{# } }}
                    {{# if(valid(d.rent8)){ }}
                    <td>第八年</td>
                    {{# } }}
                    {{# if(valid(d.rent9)){ }}
                    <td>第九年</td>
                    {{# } }}
                    {{# if(valid(d.rent10)){ }}
                    <td>第十年</td>
                    {{# } }}
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td rowspan="3">
                        {{toDecimal(toDecimal(d.rent1)+toDecimal(d.rent2)+toDecimal(d.rent3)+toDecimal(d.rent4)+toDecimal(d.rent5)
                        +toDecimal(d.rent6)+toDecimal(d.rent7)+toDecimal(d.rent8)+toDecimal(d.rent9)+toDecimal(d.rent10))
                        }}
                    </td>
                    <td>元/年</td>
                    {{# if(valid(d.rent1)){ }}
                    <td>{{d.rent1}}</td>
                    {{# } }}
                    {{# if(valid(d.rent2)){ }}
                    <td>{{d.rent2}}</td>
                    {{# } }}
                    {{# if(valid(d.rent3)){ }}
                    <td>{{d.rent3}}</td>
                    {{# } }}
                    {{# if(valid(d.rent4)){ }}
                    <td>{{d.rent4}}</td>
                    {{# } }}
                    {{# if(valid(d.rent5)){ }}
                    <td>{{d.rent5}}</td>
                    {{# } }}
                    {{# if(valid(d.rent6)){ }}
                    <td>{{d.rent6}}</td>
                    {{# } }}
                    {{# if(valid(d.rent7)){ }}
                    <td>{{d.rent7}}</td>
                    {{# } }}
                    {{# if(valid(d.rent8)){ }}
                    <td>{{d.rent8}}</td>
                    {{# } }}
                    {{# if(valid(d.rent9)){ }}
                    <td>{{d.rent9}}</td>
                    {{# } }}
                    {{# if(valid(d.rent10)){ }}
                    <td>{{d.rent10}}</td>
                    {{# } }}
                </tr>
                <tr>
                    <td>元/月</td>
                    {{# if(valid(d.rent1)){ }}
                    <td>{{toDecimal(d.rent1/12)}}</td>
                    {{# } }}
                    {{# if(valid(d.rent2)){ }}
                    <td>{{toDecimal(d.rent2/12)}}</td>
                    {{# } }}
                    {{# if(valid(d.rent3)){ }}
                    <td>{{toDecimal(d.rent3/12)}}</td>
                    {{# } }}
                    {{# if(valid(d.rent4)){ }}
                    <td>{{toDecimal(d.rent4/12)}}</td>
                    {{# } }}
                    {{# if(valid(d.rent5)){ }}
                    <td>{{toDecimal(d.rent5/12)}}</td>
                    {{# } }}
                    {{# if(valid(d.rent6)){ }}
                    <td>{{toDecimal(d.rent6/12)}}</td>
                    {{# } }}
                    {{# if(valid(d.rent7)){ }}
                    <td>{{toDecimal(d.rent7/12)}}</td>
                    {{# } }}
                    {{# if(valid(d.rent8)){ }}
                    <td>{{toDecimal(d.rent8/12)}}</td>
                    {{# } }}
                    {{# if(valid(d.rent9)){ }}
                    <td>{{toDecimal(d.rent9/12)}}</td>
                    {{# } }}
                    {{# if(valid(d.rent10)){ }}
                    <td>{{toDecimal(d.rent10/12)}}</td>
                    {{# } }}
                </tr>
                <tr>
                    <td>元/㎡/天</td>
                    {{# if(valid(d.rent1)){ }}
                    <td>{{toDecimal(d.rent1/365/d.zlArea)}}</td>
                    {{# } }}
                    {{# if(valid(d.rent2)){ }}
                    <td>{{toDecimal(d.rent2/365/d.zlArea)}}</td>
                    {{# } }}
                    {{# if(valid(d.rent3)){ }}
                    <td>{{toDecimal(d.rent3/365/d.zlArea)}}</td>
                    {{# } }}
                    {{# if(valid(d.rent4)){ }}
                    <td>{{toDecimal(d.rent4/365/d.zlArea)}}</td>
                    {{# } }}
                    {{# if(valid(d.rent5)){ }}
                    <td>{{toDecimal(d.rent5/365/d.zlArea)}}</td>
                    {{# } }}
                    {{# if(valid(d.rent6)){ }}
                    <td>{{toDecimal(d.rent6/365/d.zlArea)}}</td>
                    {{# } }}
                    {{# if(valid(d.rent7)){ }}
                    <td>{{toDecimal(d.rent7/365/d.zlArea)}}</td>
                    {{# } }}
                    {{# if(valid(d.rent8)){ }}
                    <td>{{toDecimal(d.rent8/365/d.zlArea)}}</td>
                    {{# } }}
                    {{# if(valid(d.rent9)){ }}
                    <td>{{toDecimal(d.rent9/365/d.zlArea)}}</td>
                    {{# } }}
                    {{# if(valid(d.rent10)){ }}
                    <td>{{toDecimal(d.rent10/365/d.zlArea)}}</td>
                    {{# } }}
                </tr>
            </tbody>
        </table>
    </div>
</script>
@}